<style lang="less" scoped>
    @import "./own-space.less";
</style>

<template>
    <div class="own-space">
        <Card class="own-space-new">
            <div class="own-wrap">
                <div style="width: 240px">
                    <Menu :active-name="activeName" theme="light" @on-select="changeMenu">
                        <MenuItem name="基本信息">基本信息</MenuItem>
                        <MenuItem name="安全设置">安全设置</MenuItem>
                        <MenuItem name="第三方账号绑定">第三方账号绑定</MenuItem>
                        <MenuItem name="消息通知">消息通知</MenuItem>
                    </Menu>
                </div>
                <div style="padding: 8px 40px; width: 100%">
                    <div class="title">{{ currMenu }}</div>
                    <div>
                        <div v-show="currMenu == '基本信息'">
                            <Form
                                    ref="userForm"
                                    :model="userForm"
                                    :label-width="90"
                                    label-position="left">
                                <FormItem label="登录账号：" prop="username">{{
                                    userForm.username
                                    }}
                                </FormItem>
                                <FormItem label="用户头像：">
                                    <upload-pic-thumb
                                            v-model="userForm.avatar"
                                            :multiple="false"></upload-pic-thumb>
                                </FormItem>
                                <FormItem label="用户名：" prop="nickname">
                                    <Input v-model="userForm.nickname" style="width: 300px"/>
                                </FormItem>
                                <FormItem label="性别：">
                                    <RadioGroup v-model="userForm.sex">
                                        <Radio
                                                v-for="(item, i) in dictSex"
                                                :key="i"
                                                :label="item.value">{{ item.title }}
                                        </Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="生日：">
                                    <DatePicker
                                            v-model="userForm.birth"
                                            @on-change="changeBirth"
                                            style="width: 300px"
                                            type="date"></DatePicker>
                                </FormItem>
                                <FormItem label="所在省市：">
                                    <al-cascader
                                            v-model="userForm.address"
                                            data-type="name"
                                            level="2"
                                            style="width: 300px"
                                    />
                                </FormItem>
                                <FormItem label="街道地址：" prop="street">
                                    <Input v-model="userForm.street" style="width: 300px"/>
                                </FormItem>
                                <FormItem label="个人简介：" prop="description">
                                    <Input
                                            v-model="userForm.description"
                                            type="textarea"
                                            style="width: 300px"
                                            :autosize="{ minRows: 3, maxRows: 5 }"
                                            placeholder="个人简介"></Input>
                                </FormItem>
                                <FormItem label="所属部门：">
                                    <span>{{ userForm.departmentTitle }}</span>
                                </FormItem>
                                <FormItem label="用户类型：">
                                    <span>{{ userForm.typeTxt }}</span>
                                </FormItem>
                                <FormItem>
                                    <Button
                                            type="primary"
                                            style="width: 100px; margin-right: 5px"
                                            :loading="saveLoading"
                                            @click="saveEdit">保存
                                    </Button>
                                </FormItem>
                            </Form>
                        </div>
                        <div v-show="currMenu == '安全设置'" class="safe">
                            <div class="item">
                                <div>
                                    <div class="title">账户密码</div>
                                    <div v-if="userForm.passStrength" class="desc">
                                        当前密码强度：
                                        <span v-if="userForm.passStrength == '弱'" class="red">{{
                      userForm.passStrength
                    }}</span>
                                        <span v-if="userForm.passStrength == '中'" class="middle">{{
                      userForm.passStrength
                    }}</span>
                                        <span v-if="userForm.passStrength == '强'" class="green">{{
                      userForm.passStrength
                    }}</span>
                                    </div>
                                </div>
                                <div>
                                    <a @click="changePass">修改</a>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">绑定手机</div>
                                    <div class="desc">
                    <span v-if="userForm.mobile">已绑定手机：{{ userForm.mobile }}</span>
                                        <span v-else>未绑定手机号</span>
                                    </div>
                                </div>
                                <div>
                                    <a @click="showChangeMobile">修改</a>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">绑定邮箱</div>
                                    <div class="desc">
                    <span v-if="userForm.email">已绑定邮箱：{{ userForm.email }}</span>
                                        <span v-else>未绑定邮箱</span>
                                    </div>
                                </div>
                                <div>
                                    <a @click="showChangeEmail">修改</a>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">密保问题</div>
                                    <div class="desc">
                                        未设置密保问题，密保问题可有效保护账户安全
                                    </div>
                                </div>
                                <div>
                                    <a>暂不支持设置</a>
                                </div>
                            </div>
                        </div>
                        <div v-show="currMenu == '第三方账号绑定'" class="safe">
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <Icon
                                            type="logo-github"
                                            size="42"
                                            color="#181617"
                                            style="margin-right: 16px"
                                    />
                                    <div>
                                        <div class="title">Github</div>
                                        <div class="desc">
                      <span v-if="relate.github">已绑定Github账号：{{ relate.githubUsername }}</span>
                                            <span v-else>当前未绑定Github账号</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.github" @click="toRelateGithub()">立即绑定</a>
                                    <a v-else @click="unRelateGithub()">解除绑定</a>
                                </div>
                            </div>
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <img
                                            src="@/assets/QQ.png"
                                            width="42px"
                                            style="margin-right: 16px"
                                    />
                                    <div>
                                        <div class="title">QQ</div>
                                        <div class="desc">
                      <span v-if="relate.qq">已绑定QQ账号：{{ relate.qqUsername }}</span>
                                            <span v-else>当前未绑定QQ账号</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.qq" @click="toRelateQQ()">立即绑定</a>
                                    <a v-else @click="unRelateQQ()">解除绑定</a>
                                </div>
                            </div>
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <Icon
                                            custom="iconfont icon-weixin"
                                            size="40"
                                            style="margin-right: 16px; color: #60c126"></Icon>
                                    <div>
                                        <div class="title">微信</div>
                                        <div class="desc">
                      <span v-if="relate.wechat">已绑定微信账号：{{ relate.wechatUsername }}</span>
                                            <span v-else>当前未绑定微信账号</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.wechat" @click="toRelateWechat()">立即绑定</a>
                                    <a v-else @click="unRelateWechat()">解除绑定</a>
                                </div>
                            </div>
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <img
                                            src="@/assets/weibo.png"
                                            width="41px"
                                            style="margin-right: 16px"
                                    />
                                    <div>
                                        <div class="title">微博</div>
                                        <div class="desc">
                      <span v-if="relate.weibo">已绑定微博账号：{{ relate.weiboUsername }}</span>
                                            <span v-else>当前未绑定微博账号</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.weibo" @click="toRelateWeibo()">立即绑定</a>
                                    <a v-else @click="unRelateWeibo()">解除绑定</a>
                                </div>
                            </div>
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <img
                                            src="@/assets/dingding.png"
                                            width="41px"
                                            style="margin-right: 16px"
                                    />
                                    <div>
                                        <div class="title">钉钉</div>
                                        <div class="desc">
                      <span v-if="relate.dingding">已绑定钉钉账号：{{ relate.dingdingUsername }}</span>
                                            <span v-else>当前未绑定钉钉账号</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.dingding" @click="toRelateDingding()">立即绑定</a>
                                    <a v-else @click="unRelateDingding()">解除绑定</a>
                                </div>
                            </div>
                            <div class="item">
                                <div style="display: flex; align-items: center">
                                    <img
                                            src="@/assets/qiyeweixin.png"
                                            width="41px"
                                            style="margin-right: 16px"
                                    />
                                    <div>
                                        <div class="title">企业微信</div>
                                        <div class="desc">
                      <span v-if="relate.workwechat">已绑定企业微信账号：{{
                          relate.workwechatUsername
                        }}</span>
                                            <span v-else>当前未绑定企业微信</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <a v-if="!relate.workwechat" @click="toRelateWorkwechat()">立即绑定</a>
                                    <a v-else @click="unRelateWorkwechat()">解除绑定</a>
                                </div>
                            </div>
                            <Spin fix v-if="jumping">跳转中...</Spin>
                        </div>
                        <div v-show="currMenu == '消息通知'" class="safe">
                            <div class="item">
                                <div>
                                    <div class="title">系统消息</div>
                                    <div class="desc">系统消息将以站内信的形式通知</div>
                                </div>
                                <div>
                                    <i-switch
                                            v-model="messageOpen"
                                            @on-change="changeMessage"
                                            :true-value="1"
                                            :false-value="0">
                                        <span slot="open">开</span>
                                        <span slot="close">关</span>
                                    </i-switch>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </Card>

        <Modal
                title="修改手机号"
                v-model="editMobileVisible"
                :closable="false"
                :mask-closable="false"
                :width="500">
            <Form
                    ref="mobileEditForm"
                    :model="mobileEditForm"
                    :label-width="70"
                    :rules="mobileEditValidate">
                <FormItem label="手机号" prop="mobile">
                    <Input
                            v-model="mobileEditForm.mobile"
                            @on-change="hasChangePhone"
                            placeholder="请输入新手机号"
                    />
                </FormItem>
                <FormItem label="验证码" prop="code" :error="codeError">
                    <Row type="flex" justify="space-between">
                        <Input
                                v-model="mobileEditForm.code"
                                placeholder="请输入您收到的短信验证码"
                                style="width: 280px"
                        />
                        <CountDownButton
                                ref="countDownMobile"
                                @on-click="sendEditMobileCode"
                                :disabled="canSendMobileCode"
                                :autoCountDown="false"
                                :loading="sending"
                                :text="getSms"
                        />
                    </Row>
                </FormItem>
            </Form>
            <div slot="footer">
                <Button type="text" @click="cancelInputCodeBox">取消</Button>
                <Button
                        type="primary"
                        :loading="checkCodeLoading"
                        @click="submitEditMobile">提交
                </Button>
            </div>
        </Modal>

        <Modal
                title="修改邮箱"
                v-model="editEmailVisible"
                :closable="false"
                :mask-closable="false"
                :width="500">
            <Form
                    ref="emailEditForm"
                    :model="emailEditForm"
                    :label-width="100"
                    :rules="emailEditValidate">
                <FormItem label="新邮箱地址" prop="email">
                    <Input
                            v-model="emailEditForm.email"
                            @on-change="hasChangeEmail"
                            placeholder="请输入新邮箱地址"></Input>
                </FormItem>
                <FormItem label="验证码" prop="code" :error="codeError">
                    <Row type="flex" justify="space-between">
                        <Input
                                v-model="emailEditForm.code"
                                placeholder="请输入您收到的邮件中的验证码"
                                style="width: 250px"
                        />
                        <CountDownButton
                                ref="countDownEmail"
                                @on-click="sendVerifyEmail"
                                :disabled="canSendEditEmail"
                                :autoCountDown="false"
                                :loading="sending"
                                :text="getSms"
                        />
                    </Row>
                </FormItem>
            </Form>
            <div slot="footer">
                <Button type="text" @click="cancelEditEmail">取消</Button>
                <Button
                        type="primary"
                        :loading="editEmailLoading"
                        @click="submitEditEmail">提交
                </Button>
            </div>
        </Modal>

        <check-password ref="checkPassMobile" @on-success="checkSuccessMobile"/>

        <check-password ref="checkPassEmail" @on-success="checkSuccessEmail"/>
    </div>
</template>

<script>
    import {validateMobile} from "@/libs/validate";
    import CountDownButton from "@/views/my-components/mrdeer/count-down-button";
    import uploadPicThumb from "@/views/my-components/mrdeer/upload-pic-thumb";
    import checkPassword from "@/views/my-components/mrdeer/check-password";
    import Cookies from "js-cookie";
    import messageVue from "../message/message.vue";

    export default {
        components: {
            uploadPicThumb,
            checkPassword,
            CountDownButton,
        },
        name: "ownspace_index",
        data() {
            return {
                activeName: "基本信息",
                area: 86,
                messageOpen: 1,
                userForm: {
                    id: "",
                    avatar: "",
                    username: "",
                    sex: "",
                    mobile: "",
                    email: "",
                    status: "",
                    type: "",
                    typeTxt: "",
                    address: [],
                },
                mobileEditForm: {
                    mobile: "",
                    code: "",
                },
                emailEditForm: {
                    email: "",
                    code: "",
                },
                codeError: "",
                initPhone: "",
                initEmail: "",
                saveLoading: false,
                sending: false,
                getSms: "获取验证码",
                canSendMobileCode: true, // 是否可点获取验证码
                checkCodeLoading: false,
                checkPassLoading: false,
                editEmailLoading: false,
                mobileEditValidate: {
                    mobile: [
                        {required: true, message: "请输入手机号码"},
                        {validator: validateMobile},
                    ],
                },
                emailEditValidate: {
                    email: [
                        {required: true, message: "请输入邮箱地址"},
                        {type: "email", message: "邮箱格式不正确"},
                    ],
                },
                editMobileVisible: false, // 显示填写验证码box
                editEmailVisible: false,
                canSendEditEmail: true,
                relate: {},
                jumping: false,
                currMenu: "基本信息",
                dictSex: this.$store.state.dict.sex,
            };
        },
        methods: {
            init() {
                let v = JSON.parse(Cookies.get("userInfo"));
                // 转换null为""
                for (let attr in v) {
                    if (v[attr] == null) {
                        v[attr] = "";
                    }
                }
                let str = JSON.stringify(v);
                let userInfo = JSON.parse(str);
                this.userForm = userInfo;
                this.initPhone = userInfo.mobile;
                this.mobileEditForm.mobile = userInfo.mobile;
                this.initEmail = userInfo.email;
                this.emailEditForm.email = userInfo.email;
                if (userInfo.address) {
                    this.userForm.address = userInfo.address.split(",");
                } else {
                    this.userForm.address = [];
                }
                if (this.userForm.type == 0) {
                    this.userForm.typeTxt = "普通用户";
                } else if (this.userForm.type == 1) {
                    this.userForm.typeTxt = "管理员";
                }
                relatedInfo(userInfo.username).then((res) => {
                    if (res.status==200) {
                        this.relate = res.result;
                    } else {
                        this.$Message.error("加载绑定第三方账号信息失败");
                    }
                });
                let messageOpen = this.getStore("messageOpen");
                if (
                    messageOpen != "" &&
                    messageOpen != undefined &&
                    messageOpen != null
                ) {
                    this.messageOpen = Number(messageOpen);
                } else {
                    this.setStore("messageOpen", 1);
                }
            },
            changePass() {
                this.$router.push({
                    name: "change_pass",
                });
            },
            changeMenu(v) {
                this.currMenu = v;
            },
            toRelateGithub() {
                this.jumping = true;
                githubLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            toRelateQQ() {
                this.jumping = true;
                qqLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            toRelateWeibo() {
                this.jumping = true;
                weiboLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            toRelateWechat() {
                this.jumping = true;
                wechatLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            toRelateDingding() {
                this.jumping = true;
                dingdingLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            toRelateWorkwechat() {
                this.jumping = true;
                workwechatLogin().then((res) => {
                    if (res.status==200) {
                        window.location.href = res.result;
                    } else {
                        this.jumping = false;
                    }
                });
            },
            unRelateGithub() {
                this.$Modal.confirm({
                    title: "确认解绑Github账号",
                    content: "您确认要解除绑定 " + this.relate.githubUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.githubId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.github = false;
                            }
                        });
                    },
                });
            },
            unRelateQQ() {
                this.$Modal.confirm({
                    title: "确认解绑QQ账号",
                    content: "您确认要解除绑定 " + this.relate.qqUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.qqId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.qq = false;
                            }
                        });
                    },
                });
            },
            unRelateWeibo() {
                this.$Modal.confirm({
                    title: "确认解绑微博账号",
                    content: "您确认要解除绑定 " + this.relate.weiboUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.weiboId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.weibo = false;
                            }
                        });
                    },
                });
            },
            unRelateWechat() {
                this.$Modal.confirm({
                    title: "确认解绑微信账号",
                    content: "您确认要解除绑定 " + this.relate.wechatUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.wechatId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.wechat = false;
                            }
                        });
                    },
                });
            },
            unRelateDingding() {
                this.$Modal.confirm({
                    title: "确认解绑钉钉账号",
                    content: "您确认要解除绑定 " + this.relate.dingdingUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.dingdingId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.dingding = false;
                            }
                        });
                    },
                });
            },
            unRelateWorkwechat() {
                this.$Modal.confirm({
                    title: "确认解绑企业微信账号",
                    content: "您确认要解除绑定 " + this.relate.workwechatUsername + " ?",
                    loading: true,
                    onOk: () => {
                        let params = {
                            ids: [this.relate.workwechatId],
                        };
                        unRelate(params).then((res) => {
                            this.$Modal.remove();
                            if (res.status==200) {
                                this.$Message.success("操作成功");
                                this.relate.workwechat = false;
                            }
                        });
                    },
                });
            },
            showChangeMobile() {
                this.$refs.checkPassMobile.show();
            },
            checkSuccessMobile() {
                this.editMobileVisible = true;
            },
            showChangeEmail() {
                this.$refs.checkPassEmail.show();
            },
            checkSuccessEmail() {
                this.editEmailVisible = true;
            },
            saveEdit() {
                this.saveLoading = true;
                if (typeof this.userForm.birth == "object") {
                    this.userForm.birth = this.format(this.userForm.birth, "yyyy-MM-dd");
                }
                delete this.userForm.roles;
                userInfoEdit(this.userForm).then((res) => {
                    this.saveLoading = false;
                    if (res.status==200) {
                        this.$Message.success("保存成功");
                        // 更新用户信息
                        Cookies.set("userInfo", this.userForm);
                        // 更新头像
                        this.$store.commit("setAvatarPath", this.userForm.avatar);
                    }
                });
            },
            changeBirth(v) {
                this.userForm.birth = v;
            },
            cancelInputCodeBox() {
                this.editMobileVisible = false;
                this.userForm.mobile = this.initPhone;
            },
            cancelEditEmail() {
                this.editEmailVisible = false;
                this.emailEditForm.email = this.initEmail;
            },
            sendEditMobileCode() {
                this.$refs["mobileEditForm"].validate((valid) => {
                    if (valid) {
                        this.getSms = "发送中";
                        this.sending = true;
                        sendEditMobileSms(this.mobileEditForm.mobile).then((res) => {
                            this.getSms = "获取验证码";
                            this.sending = false;
                            if (res.status==200) {
                                this.$Message.success("发送短信验证码成功");
                                // 开始倒计时
                                this.$refs.countDownMobile.startCountDown();
                            }
                        });
                    }
                });
            },
            submitEditMobile() {
                this.$refs["mobileEditForm"].validate((valid) => {
                    if (valid) {
                        if (!this.mobileEditForm.code) {
                            this.codeError = "请填写短信验证码";
                            return;
                        } else {
                            this.codeError = "";
                        }
                        this.checkCodeLoading = true;
                        changeMobile(this.mobileEditForm).then((res) => {
                            this.checkCodeLoading = false;
                            if (res.status==200) {
                                this.$Message.success("修改成功");
                                this.userForm.mobile = this.mobileEditForm.mobile;
                                this.initPhone = this.mobileEditForm.mobile;
                                this.updateUserInfo();
                                this.editMobileVisible = false;
                            }
                        });
                    }
                });
            },
            hasChangePhone() {
                if (this.mobileEditForm.mobile == this.initPhone) {
                    this.canSendMobileCode = true;
                } else {
                    this.$refs["mobileEditForm"].validate((valid) => {
                        if (valid) {
                            this.canSendMobileCode = false;
                        } else {
                            this.canSendMobileCode = true;
                        }
                    });
                }
            },
            hasChangeEmail() {
                if (this.emailEditForm.email == this.initEmail) {
                    this.canSendEditEmail = true;
                } else {
                    this.canSendEditEmail = false;
                }
            },
            sendVerifyEmail() {
                this.$refs["emailEditForm"].validate((valid) => {
                    if (valid) {
                        this.getSms = "发送中";
                        this.sending = true;
                        sendEditEmail(this.emailEditForm.email).then((res) => {
                            this.getSms = "获取验证码";
                            this.sending = false;
                            if (res.status==200) {
                                this.$Message.success("发送邮件验证码成功，请注意查收");
                                // 开始倒计时
                                this.$refs.countDownEmail.startCountDown();
                            }
                        });
                    }
                });
            },
            submitEditEmail() {
                this.$refs["emailEditForm"].validate((valid) => {
                    if (valid) {
                        if (!this.emailEditForm.code) {
                            this.codeError = "验证码不能为空";
                            return;
                        } else {
                            this.codeError = "";
                        }
                        this.editEmailLoading = true;
                        editEmail(this.emailEditForm).then((res) => {
                            this.editEmailLoading = false;
                            if (res.status==200) {
                                this.initEmail = this.emailEditForm.email;
                                this.userForm.email = this.emailEditForm.email;
                                this.updateUserInfo();
                                this.$Message.success("修改邮件成功");
                                this.editEmailVisible = false;
                            }
                        });
                    }
                });
            },
            updateUserInfo() {
                // 更新用户信息
                userInfo().then((res) => {
                    if (res.status==200) {
                        // 避免超过大小限制
                        delete res.result.permissions;
                        delete res.result.roles;
                        if (this.getStore("saveLogin")) {
                            // 保存7天
                            Cookies.set("userInfo", JSON.stringify(res.result), {
                                expires: 7,
                            });
                        } else {
                            Cookies.set("userInfo", JSON.stringify(res.result));
                        }
                        this.setStore("userInfo", res.result);
                    }
                });
            },
            changeMessage(v) {
                this.setStore("messageOpen", v);
            },
        },
        mounted() {
            let type = this.$route.query.type;
            if (type == "social") {
                this.activeName = "第三方账号绑定";
                this.currMenu = "第三方账号绑定";
            }
            this.init();
        },
    };
</script>
